<template>
  <div>
    <x-header :left-options="{backText: ''}"
               :right-options="{showMore: true}"
               @on-click-more="showMenus = true"
               style="background-color:#000;">{{vName}}
    </x-header>
    <section v-transfer-dom>
      <actionsheet :menus="menus" v-model="showMenus" show-cancel></actionsheet>
    </section>
  </div>
</template>

<script>
  import { XHeader, Actionsheet, TransferDom } from 'vux'
  export default{
    name:'month',
    directives: {
      TransferDom
    },
    data() {
      return {
        vName:'用户信息',
        menus: {
          menu1: '<i style="font-size:14px;">登录</i>',
          menu2: '退出'
        },
        showMenus: false
      }
    },
    components: {
      XHeader,
      Actionsheet
    }
  }
</script>

<style lang="less">

</style>
